<template>
  <div class="Home">
    <HomeCard :listdata="data"></HomeCard>
    <Card>
      <template>首页</template>
    </Card>
  </div>
</template>

<script>
import HomeCard from './components/HomeCard'
export default {
  components: {
    HomeCard
  },
  data() {
    return {
      data: [
        {
          title: '总订单',
          num: 12000,
          imgsrc: require('@/assets/imgs/layoutMenuTitle.png')
        },
        {
          title: '总销售额',
          num: 12000,
          imgsrc: require('@/assets/imgs/layoutMenuTitle.png')
        },
        {
          title: '今日订单数',
          num: 12000,
          imgsrc: require('@/assets/imgs/layoutMenuTitle.png')
        },
        {
          title: '今日销售额',
          num: 12000,
          imgsrc: require('@/assets/imgs/layoutMenuTitle.png')
        }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.Home {
  width: 100%;
  height: 100%;
  .el-row {
    margin-bottom: 40px;
    .el-col {
      height: 100px;
    }
  }
}
</style>
